<!DOCTYPE html>
<html lang="en">
    <head>
        
        <meta charset="UTF-8">   
        <title>这是我的第一个VUE</title>
        <SCript src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></SCript>
    </head>
    <body>
        <label for="l1">复选框</label>
        <input type="checkbox" >
        <div id="app">
            <p>{{ message }}</p>
            <p>{{ message }}</p>

            <p>直接输出html元素</p>
            <div v-html="html"></div>
            <div v-text="html"></div>

            <p>函数的返回值是：</p>
            <p>{{ details(2,3) }}</p>
            <p>{{ f1() }}</p>
          </div>
          <script>
          var vm=new Vue({
              el: '#app',
              data: {
                message: 'Hello Vue.js!',
                html:"<p >菜鸟教程</p>"
              },
              methods:{
                details: function(a,b) {
					            return  a+b;},
                f1:function(){
                  return this.message+'欢迎您'
                }
              }
          })
          vm.message="jinmeichai"
          </script>
      
    
    </body>
</html>